﻿/*商品列表详情*/
body{background-color:#efefef;}
.item_cate{
	background-color: #fff;
	position: relative;
	z-index: 9;
	border-bottom: 1px solid #ddd;
}
.cate_first {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.cate_first .cate_li {
    float: left;
    width: 18%;
    text-align: center;
    position: relative;
}
.cate_link {
    display: block;
    width: 100%;
    color: #656565;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.cate_link:after{
    content: '';
    position: absolute;
    top: 9px;
    right: 0px;
    width: 1px;
    height: 15px;
    background-color: #ddd;
}
.cate_li_btn{
	float: left;
}
.arrow_icon{
display: inline-block;
width: 15px;
height: 15px;
background: url(/Public/Images/front/common_png_sprite.png) no-repeat;
background-size: 100px 100px;
    background-position: -56px 0px;
    margin-top: 9px;
    margin-left: 7px;
}
.cate_second {
    background-color: #fff;
    position: relative;
    z-index: 10;
    width: 90%;
    display: none;
}
.cate_second .cates_li {
    float: left;
    width: 20%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    position: relative;
}
/*头部综合评分*/
.top_wrap{
height:60px;
background-color:#fff;
}
.detail_info {
border-bottom:1px solid #dddddd;
background-color:#fff;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:-moz-box;
display:box;
}
.detail_info_cell {
text-align:center;
margin-top:12px;
-webkit-box-flex:1;
-ms-flex:1 0 auto;
-moz-box-flex:1;
box-flex:1;
color:#999;
}
.detail_separate {
width:1px;
height:32px;
background-color:#eeeeee;
margin:14px 0;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
-moz-box-flex:0;
box-flex:0;
}
.detail_info_data {
margin-top: 5px;
}
.detail_info_units {
font-size:12px;
}
.detail_info_receive,.detail_info_ship,.detail_info_rate {
font-size:15px;
}
.detail_info_receive {
color:#53a1dd;
}
.detail_info_ship {
color:#53c123;
}
.detail_info_rate {
color:#ffc600;
}
/*商品详情主内容*/
.menuwrap{
top:10px;
position: relative;
bottom: 0px;
height: auto;	
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
display: box;
}
.asidewrap {
width: 28%;
min-width: 80px;
height: 100%;
background-color: #efefef;
overflow-y: auto;
}
.taglist {
width: 100%;
}
.tag {
font-size: 15px;
color: #333;
border-bottom: 1px solid #dddddd;
width: 100%;
text-align: left;
position: relative;
}
.tag a{
color:#333;	
display: inline-block;
padding: 13px 7px 13px 10px;
width: 90%;
}
.tag.focus {
background-color: #ffffff;
border-right: none;
}
.datail_link_placeholder {
height: 56px;
}
.cart_placeholder {
height: 50px;
}
.mainwrap {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	-moz-box-flex: 1;
	box-flex: 1;
	height: 100%;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 103px;
	box-sizing: border-box;
}
ul.foodlist {
border-bottom: 1px solid #ccc;
}
.foodlistwrap {
width: 100%;
}
.taglist,.foodlistwrap{
transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); 
-webkit-transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); 
transform: translate(0px, 0px) translateZ(0px);	
-webkit-transform: translate(0px, 0px) translateZ(0px);	
}
.fooditem {
border-bottom: 1px solid #f0f0f0;
padding: 10px 0 0 10px;
height: 100px;
position: relative;
color: #999;
}
.food_pic_wrap {
position: absolute;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
margin-right: 10px;
overflow: hidden;
}
.food_pic_wrap .food_pic{
width: 80px;
height: 80px;
border-radius: 2px;
}
.foodname {
font-size: 15px;
color: #333;
position: absolute;
left: 100px;
margin-right: 6px;
max-height: 34px;
line-height: 16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width:50%;
}
.food_price_region {
position: absolute;
left: 100px;
top: 45px;
}
.food_price {
color: #FF5C5C;
font-size: 15px;
font-weight: bold;
}
.food_price_unit {
font-size: 12px;
}
.sale_num_wrap {
position: absolute;
right: 10px;
top: 48px;
font-size: 12px;
}
.foodlist_wrap{
position:relative;	
}
.foodop {
position: absolute;
left: 102px;
top: 75px;
font-size: 12px;
}
.foodop .foodop_tit{
float: left;
margin-right: 10px;
margin-top: 4px;
}

.foodop input::-webkit-inner-spin-button,.foodop input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.foodop .min,.foodop .add {
position: relative;
float: left;
width: 27px;
height: 22px;
line-height: 22px;
border: 1px solid #ddd;
background-color: #eee;
text-align: center;
color: #595959;
font-size: 20px;
font-weight: bold;
}
.foodop .input_count {
float: left;
width: 34px;
height: 22px;
line-height: 22px;
color: #999;
text-align: center;
border: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.detail_link,.r_home_link {
display: block;
position: fixed;
left: 10px;
bottom: 60px;
width: 37px;
height: 37px;
background-color: #a4c31d;
border-radius: 20px;
text-align: center;
}
.r_home_link{
bottom: 105px;
background-color: rgba(209, 18, 113, 0.2);
}
.shop_icon{
width: 24px;
height: 24px;
fill: #FFF;
margin-top: 7px;
}
.r_home_icon{
width: 26px;
height: 26px;
fill: #FFF;
margin-top: 5px;
}
/*商品详情底部固定*/
.cart {
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
background-color: rgba(255,255,255,0.9);
border-top: 1px solid #ccc;
}
.cart_tip {
color: white;
line-height: 55px;
padding-left: 12px;
}
.cart_p_sym {
color: #FF5C5C;
}
.cart_icon_wrap {
float: left;
position: relative;
padding: 4px 8px 0 0;
}
.detail_cart_icon{
width:25px;
height:25px;
fill:#FF5C5C;	
}
.cart_num {
border-radius: 50% 50%;
background-color:#FF5C5C;
width: 15px;
height: 15px;
line-height: 16px;
font-size: 12px;
text-align: center;
position: absolute;
top: 9px;
right: 0;
color:white;
}
.cart_icon_wrap .add_num {
position: absolute;
padding: 2px 3px;
color: #e4393c;
font-weight: bold;
top: -25px;
left: 15px;
display: none;
font-size: 18px;
}
.add_num{
color: #FF5C5C;
display: none;	
}
.cart_price_tit {
color: #999;
margin-left: 4px;
}
.cart_price {
font-size: 15px;
color: #FF5C5C;
}
.cart_btns {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.cart_btn_confirm, .cart_btn_unavail {
display: block;
height: 100%;
padding: 6px 7px 0 0;
}
.cart_btn_unavail .inner {
background-color: #a0a0a0;
}
.cart_btn_confirm .inner, .cart_btn_unavail .inner {
display: block;
height: 40px;
line-height: 40px;
padding: 0 20px;
font-size: 15px;
}
.cart_btn_confirm .inner{
background-color: #FF5C5C;
}
.combtn {
border: 0;
color: #FFFFFF;
background-color: #FF5C5C;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-boder-radius: 3px;
-o-boder-radius: 3px;
border-radius: 3px;
}
/*商品详情弹出层*/
.item_fix_box{
display:none;
position: fixed;
z-index: 12;
left: 50%;
top: 50%;
margin-left: -140px;
margin-top: -212px;
width: 280px;
height: 425px;
border-radius: 4px;
background: #fff;
}
.fix-box-img{
width: 100%;
height: 280px;	
}
.fix-box-img img{
width: 100%;
height: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;	
}
.item_box_rlt{
position: relative;	
}
.fix-box-title {
position: absolute;
top: -40px;
height: 40px;
line-height: 40px;
font-size: 15px;
color: #fff;
background-color: #000;
width: 100%;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
}
.item_box_name{
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
display: inline-block;
}
.fix-box-price {
position: absolute;
left: 10px;
top: 15px;
font-size: 15px;
color: #FF5C5C;
}
.fix-box-price i{
font-size: 12px;
color: #ccc;	
}
.item_detail_link{
    position: absolute;
    right: 100px;
    top: 15px;
    font-size: 13px;
    color: #FF5C5C;
}
.fix-box-add {
position: absolute;
right: 10px;
width: 75px;
height: 30px;
background-color: #FF5C5C;
border-radius: 2px;
border: 1px solid #cdcdcd;
line-height: 30px;
text-align: center;
top: 9px;
}
.fix-box-add a{
color: #fff;	
}
.fix-box-desc {
position: absolute;
top: 42px;
width: 100%;
height: 97px;
overflow: hidden;
font-size: 13px;
}
.item_box_desc{
padding: 10px;
display: inline-block;	
}
.close_pic {
position: absolute;
top: 10px;
right: 10px;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 26px;
text-align: center;
}
.close_icon {
width: 17px;
height: 17px;
fill: #FF5C5C;
margin-top: 9px;
}

/*商家详情*/
.shop_cont{
border-bottom: 1px solid #ddd;
position: relative;
height: 102px;
}
.shop_link {
display: inline-block;
}
.shop_pic_wrap{
width: 20%;
position: absolute;	
}
.shop_pic {
position: absolute;
width: 61px;
height: 61px;
border: 1px solid #ddd;
border-radius:2px;
left: 10px;
top: 5px;
}
.shop_content {
position: absolute;
width: 74%;
left: 82px;
color:#999;	
}
.shop_name_wrap{
position:relative;
}
.shop_name_wrap .shop_name_txt {
position: absolute;
left: 0;
top: 3px;
font-size: 16px;
color: #333;
}
.shop_sale_num {
position: absolute;
right: 10px;
top: 30px;
}
.shop_cont .shop_type{
position: absolute;
top: 30px;
width: 62px;
height: 17px;
line-height: 19px;
color: #fff;
text-align: center;	
}
.shop_score_avg {
position: absolute;
left: 70px;
top: 30px;
}
.shop_desc {
position: absolute;
top: 54px;
left:-5px;
}
.shop_time_txt {
border-right: 1px solid #f0f0f0;
padding-right: 5px;
margin-right: 5px;
}

.shop_intro {
position: absolute;
top: 68px;
left: 0;
}
.shop_intro{
left:-5px;	
}
.time_loct_icon{
width: 21px;
height: 13px;
fill: #999;
vertical-align: middle;	
}
.shop_addr {
height: 50px;
position: relative;
line-height: 50px;
border-bottom: 1px solid #efefef;
}
.shop_addr_info {
position: absolute;
left: 10px;
width: 63%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #333;
font-size: 13px;
}
.shop_addr_link:after {
content: '';
width: 10px;
height: 10px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
position: absolute;
right: 10px;
top: 19px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.loct_icon {
width: 20px;
height: 14px;
fill: #999;
vertical-align: text-top;
}
.shop_addr_dist {
position: absolute;
right: 30px;
}
.shop_fav_tel {
height: 50px;
line-height: 50px;
position: relative;
border-bottom: 1px solid #ccc;
}
.shop_fav {
font-size: 13px;
color: #333;
width: 50%;
border-right: 1px solid #efefef;
position: absolute;
left: 0;
}
.shop_fav a{
display: inline-block;
width: 100%;
position: relative;
z-index: 2;	
}
.fav_checked .fav_icon {
background: url(/Public/Images/front/common_png_sprite.png) -26px 11px no-repeat;
background-size: 300%;
}
.fav_icon {
width: 35px;
height: 40px;
background: url(/Public/Images/front/common_png_sprite.png) 5px 11px no-repeat;
background-size: 300%;
margin: 0 5px;
display: inline-block;
position: relative;
}
.fav_txt {
position: absolute;
color:#333;
}
.shop_tel {
font-size: 13px;
color: #333;
width: 50%;
position: absolute;
right: 0;
}
.tel_icon {
width: 20px;
height: 17px;
fill: #999;
margin: 0 5px;
vertical-align: text-bottom;
}
.line_bg {
height: 10px;
background-color: #efefef;
}
.shop_aty_tit {
height: 40px;
line-height: 40px;
font-size: 17px;
color: #333;
padding-left: 10px;
border-bottom: 1px solid #ddd;
}
/*镖师详情*/
.footman_cont {
background-color: #fff;
border-bottom: 1px solid #ddd;
}
.footman_cont .shop_pic{
top:20px;	
}
.footman_cont .shop_name_wrap .shop_name_txt{
top:18px;	
}
.footman_cont .shop_cont .shop_type{
top: 45px;
left: -5px;
width: 100%;
color: #999;
text-align: left;	
}
.footman_cont .shop_time_txt{
border-right:0;	
}
.footman_cont .loct_icon,.footman_cont .time_loct_icon{
margin-right: 3px;	
}
.footman_cont .shop_desc{
top: 67px;	
}
.foot_d_tel {
height: 40px;
line-height: 40px;
padding-left: 10px;
}
.foot_d_tel a{
display: inline-block;
width: 90%;	
}
.foot_d_tel .tel_txt {
font-size: 15px;
color: #333;
}
/*详情*/
.detail{
    color: #333;
    margin-bottom: 50px;
}
.detail .swiper-container{
    margin-top: 0;
    height: auto;
}
.detail .name,.detail .info1,.detail .info2,.detail .store_info{
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.detail .name{
    /*height: 55px;*/
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    text-indent: 15px;
    padding: 2px 8px;
}
.detail .info1{
    height: 35px;
    line-height: 35px;
    padding: 8px 0;
}
.detail .price,.detail .collect,.detail .collect_icon{
    display: inline-block;
}
.detail .price,.detail .collect{
    width: 50%;
    text-align: center;
}
.detail .price{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    color: #e85337;
    border-right: 1px solid #e5e5e5;
}
.detail .collect_icon{
    margin-left: 12px;
    width: 19px;
    height: 17px;
    background-position: -332px -73px;
}
.detail .info2{
    /*height: 69px;*/
    line-height: 25px;
    padding-left: 3%;
}
.detail .it_detail{
    background: #fff;
    /*padding: 0 5.333%;*/
    overflow: hidden;
    margin-bottom: 59px;
    color: #000;
}
.detail .it_detail img{
    max-width: 100%;
    height: auto;
}
.detail .it_title{
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 15px;
    color: #555;
    overflow: hidden;
}
.detail .it_line_l,.detail .it_line_r{
    vertical-align: middle;
    width: 35.66%;
    height: 1px;
    background-color: #999;
    display: inline-block;
}
.detail .it_line_l{
    margin-right: 10px;
    background: linear-gradient(to left,#999,#fcfcfc);
}
.detail .it_line_r{
    margin-left: 10px;
    background: linear-gradient(to right,#999,#fcfcfc);
}
.detail .item_content{
    padding: 5px;
}